技能172-这种人物百分比直观展示图表学会了要低调哦-布衣公子

Original Teliss 布衣公子PPT 2022-10-22

采用图标矩阵式排列的百分比图表非常直观且很有设计感，但大多并非可编辑数据图表，需要手动修改颜色，可否设计成编辑数据颜色自动变化的数据图表呢？

核心的设计技巧是：图形填充图表区域。这种填充并不是将图形填充到柱/条形图或饼图上，而是填充到图表区域内，并和底层图表形成视觉上的完美搭配。这是布衣公子瞎琢磨出来的方法，需要极有耐心才能完成！

第一步，人物图标获取。素材中国、FreePik、千图网等网站都可以搜索到人物矢量图标，下载后在AI中打开，拖入PPT中两次取消组合即可使用。

第二步，利用iSlide插件排列图标。借助iSlide插件的【设计排版】工具，将人物图标进行矩阵布局，横向数量为20，间距120；纵向数量为5，间距为110.iSlide插件官网下载即可安装使用。

第三步，将矩阵排列的图标挖成镂空图形。另外再绘制一份矩形图框，其范围略大于人物图标的矩阵队伍，先将人物图标组合，与矩形图框横向与纵向居中对齐，然后再将人物图标取消组合，选中人物图标与外围矩形图框，进行【合并形状】→【组合】的操作，即将矩阵排列的图标挖成了镂空图形。

第四步，绘制条形图并进行细节设置。通过【插入】→【图表】→【条形图】→【堆积条形图】插入堆积条形图后，删除「系列3」，并将「系列1」和「系列2」设置为「主数据」和「辅助」，「辅助」的数值用公式设为20-「主数据」的数值，「主数据」的下方设一个「求和」处，方便直观得到该列的汇总数值，主数据的值以75为例拆分为20,20,20,15,0；最后将图表的分类间距设为0，并单击纵坐标轴，设置逆序类别；单击横坐标轴，设置坐标轴边界最大值为20。

第五步，将镂空图形复制到图表区域。将图表的辅助数据对应的柱形调为深灰色，并与镂空图形进行大小和位置的对齐，再复制好已经挖成镂空的图形，粘贴到图表区域（记住，不是粘贴到柱形图上），然后进行位置的微调，使底端的柱形图与上层的镂空图标配合的天衣无缝、浑然天成般看不出是如何制作的，即可。此时，您再修改数据试试看呢？具体的设计过程请您详见网易云课堂《揭秘PPT真相》之《PPT图表设计》章节的视频演示。

其他类似案例一，我们将人物图标更换为其他图标，并将图标排列为「10×10」的矩阵，这样显得更为直观，比如图中的这个图表，就可以展示为一切与住房有关的数据表述场景，非常直观且很有设计感。

其他类似案例二，这种非常常见的矩阵式方块的直观百分比显示图表，同样也可以利用本次课程的方法来实现！

往期教程：

技能171-用不同坐标轴实现总分对比柱形图

技能170-巧用散点图与堆积条形图绘制经典滑珠图

技能169-PS抠图的关键技巧磁性钢笔与羽化工具

技能168-巧用柱形图与折线图绘制飞机飞行图表

技能167-用堆积柱形图巧绘铅笔数据图表

技能166-巧用图表占位符实现复杂「非」字型对比图表

技能165-可编辑的矢量文字轮廓该怎么做

技能164-为什么您下了那么多的PPT模板却套用不上

技能163-大神是如何从0到1制作PPT的